অধিকাংশ ক্ষেত্রেই বুটস্ট্রাপ বেসিক লিষ্ট গ্রুপ তৈরি করার জন্য আনওর্ডার লিষ্টের সাথে লিষ্ট আইটেম ব্যবহার করা হয়। একটি বেসিক লিষ্ট গ্রুপ তৈরি করার জন্য < ul >
এলিমেন্টে .list-group
ক্লাস এবং < li >
এলিমেন্টে .list-group-item
ক্লাস ব্যবহার করুনঃ
kt_satt_skill_example_id=987
লিষ্ট গ্রুপে ব্যাজ সংযুক্ত করে ব্যবহার করা যায়। ব্যাজ স্বয়ংক্রিয়ভাবে তার অবস্থান ডানে নিয়ে নিবে।
লিষ্ট আইটেমের সাথে একত্রে ব্যাজ ব্যবহার করার জন্য (< li class="list-group-item")
এর মধ্যে .badge
ক্লাসযুক্ত একটি < span >
এলিমেন্ট যুক্ত করুনঃ
kt_satt_skill_example_id=988
লিষ্ট গ্রুপ আইটেমগুলো হাইপারলিংকযুক্ত হতে পারে। এর ফলে হোভারে করলে ব্যাকগ্রাউন্ড কালার ধূসর দেখাবে। লিংকযুক্ত লিষ্ট গ্রুপ তৈরি করার জন্য < ul >
পরিবর্তে < div >
এলিমেন্ট এবং < li >
এর পরিবর্তে < a >
এলিমেন্ট ব্যবহার করুনঃ
kt_satt_skill_example_id=989
কোন একটি লিস্ট আইটেমকে একটিব হিসেবে হাইলাইট করার জন্য .active
ক্লাস ব্যবহার করুনঃ
kt_satt_skill_example_id=990
লিষ্ট গ্রুপের কোনো একটি আইটেমকে disable করে রাখার জন্য ঐ এলিমেন্টের মধ্যে .disabled
ক্লাস ব্যবহার করুনঃ
kt_satt_skill_example_id=991
কনটেকচুয়াল ক্লাস ব্যবহার করে লিষ্ট আইটেমকে কালার করা যায়ঃ
লিষ্ট আইটেমকে কালার করার জন্য .list-group-item
ক্লাসের সাথে নিম্নলিখিত ক্লাসগুলো ব্যবহার করা হয় .list-group-item-success
, list-group-item-info
, list-group-item-warning
এবং .list-group-item-danger
।
লিষ্ট গ্রুপ আইটেমের মধ্যে এইচটিএমএলের প্রায় সবগুলো এলিমেন্ট ব্যবহার করা যায়।
বুটস্ট্রাপে এই সংক্রান্ত দুটি ক্লাস রয়েছে। ক্লাস দুটি হলো- .list-group-item-heading
এবং .list-group-item-text
। নিম্নে এদের ব্যবহার দেখানো হলোঃ
kt_satt_skill_example_id=992
আরও দেখুন...